<template>
  <h1>隐藏显示指令</h1>
  <!-- v-if与v-show都是控制元素是否出现,true出现,false消失,二者区别:
        v-if会直接跳过元素渲染,-show才用CSS的display:none;修改元素的显示模式让元素消失 -->
  <p>ys</p>
  <p v-if="false">ysyyds</p>
  <p v-if="true">ys520</p>
  <!--v-else会找上面离自己最近的v-if值进行取反-->
  <p v-else>ys5201314</p>
  <hr>
  <p>杨硕</p>
  <p v-show="false">小个子</p>
  <p v-show="true">爱吃糖</p>
</template>

<script setup>

</script>


<style scoped>

</style>